﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="search.aspx.cs" Inherits="messageboard.search"
    MasterPageFile="~/Site1.Master" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript" src="js/jquery-1.7.2.min.js">
        $(document).ready(function () {
            $(".title1").css("display", "none");

            $(".logo2").animate({ opacity: 0 }, 400);
            $(".logo2").css("display", "none");
            $(".message:even").animate({ left: "440px", opacity: "0.01" }, 1);
            $(".message:even").animate({ left: "440px", opacity: "0.01" }, 100);
            $(".message:even").animate({ left: "150px", opacity: "1" }, 500);
            $(".message:odd").animate({ left: "340px", opacity: "0.01" }, 1);
            $(".message:odd").animate({ left: "340px", opacity: "0.01" }, 100);
            $(".message:odd").animate({ left: "150px", opacity: "1" }, 500);
            $(".user").animate({ opacity: "0.01" }, 1);
            $(".user").animate({ opacity: "0.01" }, 100);
            $(".user").animate({ opacity: "1" }, 600);
            $("#ContentPlaceHolder1_TextBox1").focus(function () {

                if (this.value == "标题") {
                    this.value = "";
                }
            });
            $("#ContentPlaceHolder1_TextBox3").focus(function () {

                if (this.value == "留言") {
                    this.value = "";
                }
            });


            $(".message").click(function () {

                $(".message").width("300px");
                $(".message").css("display", "none");
                $(".title1").css("display", "block");
                $(".logo2").css("display", "block");
                $(".title1").animate({ width: "300px" }, 400);
                $(".logo2").animate({ opacity: 1 }, 400);
            });
            $(".title1").click(function () {
                $(".title").width("700px");
                $(".title1").css("display", "none");
                $(".message").css("display", "block");
                $(".logo2").css("display", "none");
                $(".message").animate({ width: "700px" }, 400);
                $(".logo2").animate({ opacity: 0 }, 400);


            });
        });

        

    </script>
    <style type="text/css">
        .auto-style1 {
            width: 197px;
            height: 181px;
            float: left;
            text-align: center;
            font-size: 130%;
            color: #FFFFFF;
            text-align: center;
            vertical-align: middle;
            margin-left: 4px;
            margin-right: 4px;
            margin-bottom: 4px;
        }
        .auto-style2 {
            top: 173px;
            left: 585px;
            position: absolute;
            width: 385px;
            height: 360px;
            cursor: pointer;
        }
        .auto-style3 {
            width: 144px;
            height: 178px;
            float: left;
            margin: 4px;
            text-align: center;
            font-size: 130%;
            color: #FFFFFF;
            text-align: center;
            vertical-align: middle;
        }
        .auto-style4 {
            width: 150px;
            height: 170px;
            float: left;
            margin: 4px;
            text-align: center;
            font-size: 130%;
            color: #FFFFFF;
            text-align: center;
            vertical-align: middle;
        }
        .auto-style5 {
            width: 200px;
            height: 171px;
            float: left;
            margin: 4px;
            text-align: center;
            font-size: 130%;
            color: #FFFFFF;
            text-align: center;
            vertical-align: middle;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">
  
    <div>
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
        
    </div>
    <div class="state">
        <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
        <asp:Image ID="Image2" runat="server" Height="40px" Width="40px" BorderColor="White"
            BorderStyle="Solid" BorderWidth="1px" />
       
    </div>
    <br /><br />
    <asp:Repeater ID="Repeater1" runat="server" OnItemCommand="Repeater1_ItemCommand">
        <ItemTemplate>
            <div class="repeater"><div style="background-color: rgba(0,0,0,0.3);position:absolute;width:1000px;height:170px;" ></DIV>
                <div class="user" >
                    <asp:Image ID="Image1" runat="server" ImageUrl='<%#"~/images/face/("+Eval("face")+").png" %>'
                        Height="120px" Width="120px" />
                    <%#Eval("name") %>
                </div>
                 <div class="message">
                    <div style="text-align: center; font-size: 150%">
                        <%#Eval("title") %></div>
                    <div>
                        <%#Eval("message") %></div>
                    <div style="font-size: 70%; position: absolute; bottom: 10px; right: 10px">
                        <%#Eval("datetime") %>
                    </div>
                </div>
                <div id="Div1" class="title1" runat="server">
                    <%#Eval("title") %></div>
            </div>
        </ItemTemplate>
    </asp:Repeater>
      <div class="auto-style2">
        <div class="auto-style1" style="background-color: #CC0066" onclick="document.location='message.aspx'">
            <br />
            <img src="/images/News.png" alt="Alternate Text" width="130px" height="130px" /><br />
            查看留言
        </div>
        <div class="auto-style5" style="background-color: #0998FF" onclick="document.location='message.aspx#message'">
            <br />
            <img src="/images/Messaging.png" alt="Alternate Text" width="100px" height="100px" /><br />
            <br />
            发布留言
        </div>
        <div class="auto-style3" style="background-color: #FFCC00" onclick="document.location='message.aspx'">
            
     <br />
        <img src="images/Contacts.png" alt="Alternate Text" width="130px" height="100px" /><br /><br />
        用户管理
        </div>
        <div class="auto-style4" style="background-color: #33CC33" onclick="document.location='/admin/messagemanage.aspx'">
        <br />
        <img src="images/Configure alt 3.png" alt="Alternate Text" width="100px" height="100px" /><br /><br />
        留言管理
        </div>
    </div>
    <br />
    <br />
    
    <br />
    <br />
</asp:Content>
